<?xml version="1.0" encoding="UTF-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml" 
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:p="http://primefaces.org/ui">
	
	<header>
		<div id="logo">
			<div class="logo_img">
				<a href="/JEIK/faces/page/home.xhtml" title="الصفحة الرئيسية"><img src="/JEIK/resources/images/logo.png" /></a>
			</div>
			<div id="logo_text">
				<!-- class="logo_colour", allows you to change the colour of the text -->
				<h2>سفـارة</h2>
				<h2>المملـكة الأردنيـة الهاشميـة </h2>
				<h2>في الكـويت</h2>

			</div>
			 
			<h:form>
				<div class="search_panel">
					<div class="search_container"><h:inputText id="keyword" value="#{searchBean.keyword}" styleClass="search_box" /></div>
					<div class="search_container"><h:commandButton id="searchCmnd" styleClass="search_submit_button" action="#{searchBean.search}" value="" /></div>
				</div>
			</h:form>
			
		</div>

		<nav>
			<ul class="sf-menu" id="nav">
				<li><a href="http://ar.visitjordan.com/" target="_blank">عن الأردن</a></li>
				<li><a href="/JEIK/faces/page/consulateServices.xhtml">الخدمات القنصلية</a></li>
				<li><p:commandLink action="#{queryRequestsBean.initCustomersRequests}" value="تتبع معاملاتك"></p:commandLink></li>
				<!-- <li><a href="#">زاوية الصحفيين</a></li> -->
			</ul>
		</nav>
		
		<p:ajaxStatus style="width:64px;height:64px;position:fixed;right:5px;bottom:5px">  
		    <f:facet name="start">  
		        <p:graphicImage value="/resources/images/loading.gif" />
		    </f:facet>  
		  
		    <f:facet name="complete">  
		        <h:outputText value="" />  
		    </f:facet>  
		</p:ajaxStatus>
	</header>
</html>
